<!DOCTYPE html>
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="settings.css">
	<script type="text/javascript" src="settings.js"></script>
  </head>
  <body id="settings" onLoad="main()">
	<p>
		<label for="day">Day of the week</label><br>
		<select id="day" onChange="selectDay()">
			<option value="mon">Monday</option>
			<option value="tue">Tuesday</option>
			<option value="wed">Wednsday</option>
			<option value="thu">Thursday</option>
			<option value="fri">Friday</option>
			<option value="sat">Saturday</option>
		</select>
		<input type="checkbox" id="evenWeek">Even week</input>
	</p>
	<div>
		<pre>Even week	  Odd week</pre>
		<div id="mon">
			<div style="float:left;">
				<label for="mon1">First:</label><br>
				<input id="mon1" type="text"></input><br><br>
				<label for="mon2">Second:</label><br>
				<input id="mon2" type="text"></input><br><br>
				<label for="mon3">Third:</label><br>
				<input id="mon3" type="text"></input><br><br>
				<label for="mon4">Fourth:</label><br>
				<input id="mon4" type="text"></input><br><br>
				<label for="mon5">Fifth:</label><br>
				<input id="mon5" type="text"></input><br><br>
				<label for="mon6">Sixth:</label><br>
				<input id="mon6" type="text"></input><br><br>
				<label for="mon7">Seventh:</label><br>
				<input id="mon7" type="text"></input><br><br>
				<label for="mon8">Eighth:</label><br>
				<input id="mon8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px;">
				<label for="mon1o">First:</label><br>
				<input id="mon1o" type="text"></input><br><br>
				<label for="mon2o">Second:</label><br>
				<input id="mon2o" type="text"></input><br><br>
				<label for="mon3o">Third:</label><br>
				<input id="mon3o" type="text"></input><br><br>
				<label for="mon4o">Fourth:</label><br>
				<input id="mon4o" type="text"></input><br><br>
				<label for="mon5o">Fifth:</label><br>
				<input id="mon5o" type="text"></input><br><br>
				<label for="mon6o">Sixth:</label><br>
				<input id="mon6o" type="text"></input><br><br>				
				<label for="mon7o">Seventh:</label><br>
				<input id="mon7o" type="text"></input><br><br>
				<label for="mon8o">Eighth:</label><br>
				<input id="mon8o" type="text"></input><br><br>
			</div>
		</div>
		
		<div id="tue">
			<div style="float:left">
				<label for="tue1">First:</label><br>
				<input id="tue1" type="text"></input><br><br>
				<label for="tue2">Second:</label><br>
				<input id="tue2" type="text"></input><br><br>
				<label for="tue3">Third:</label><br>
				<input id="tue3" type="text"></input><br><br>
				<label for="tue4">Fourth:</label><br>
				<input id="tue4" type="text"></input><br><br>
				<label for="tue5">Fifth:</label><br>
				<input id="tue5" type="text"></input><br><br>
				<label for="tue6">Sixth:</label><br>
				<input id="tue6" type="text"></input><br><br>
				<label for="tue7">Seventh:</label><br>
				<input id="tue7" type="text"></input><br><br>
				<label for="tue8">Eighth:</label><br>
				<input id="tue8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px">
				<label for="tue1o">First:</label><br>
				<input id="tue1o" type="text"></input><br><br>
				<label for="tue2o">Second:</label><br>
				<input id="tue2o" type="text"></input><br><br>
				<label for="tue3o">Third:</label><br>
				<input id="tue3o" type="text"></input><br><br>
				<label for="tue4o">Fourth:</label><br>
				<input id="tue4o" type="text"></input><br><br>
				<label for="tue5o">Fifth:</label><br>
				<input id="tue5o" type="text"></input><br><br>
				<label for="tue6o">Sixth:</label><br>
				<input id="tue6o" type="text"></input><br><br>
				<label for="tue7o">Seventh:</label><br>
				<input id="tue7o" type="text"></input><br><br>
				<label for="tue8o">Eighth:</label><br>
				<input id="tue8o" type="text"></input><br><br>
			</div>
		</div>
		<div id="wed">
			<div style="float:left">
				<label for="wed1">First:</label><br>
				<input id="wed1" type="text"></input><br><br>
				<label for="wed2">Second:</label><br>
				<input id="wed2" type="text"></input><br><br>
				<label for="wed3">Third:</label><br>
				<input id="wed3" type="text"></input><br><br>
				<label for="wed4">Fourth:</label><br>
				<input id="wed4" type="text"></input><br><br>
				<label for="wed5">Fifth:</label><br>
				<input id="wed5" type="text"></input><br><br>
				<label for="wed6">Sixth:</label><br>
				<input id="wed6" type="text"></input><br><br>
				<label for="wed7">Seventh:</label><br>
				<input id="wed7" type="text"></input><br><br>
				<label for="wed8">Eighth:</label><br>
				<input id="wed8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px">
				<label for="wed1o">First:</label><br>
				<input id="wed1o" type="text"></input><br><br>
				<label for="wed2o">Second:</label><br>
				<input id="wed2o" type="text"></input><br><br>
				<label for="wed3o">Third:</label><br>
				<input id="wed3o" type="text"></input><br><br>
				<label for="wed4o">Fourth:</label><br>
				<input id="wed4o" type="text"></input><br><br>
				<label for="wed5o">Fifth:</label><br>
				<input id="wed5o" type="text"></input><br><br>
				<label for="wed6o">Sixth:</label><br>
				<input id="wed6o" type="text"></input><br><br>			
				<label for="wed7o">Seventh:</label><br>
				<input id="wed7o" type="text"></input><br><br>
				<label for="wed8o">Eighth:</label><br>
				<input id="wed8o" type="text"></input><br><br>
			</div>
		</div>

		<div id="thu">
			<div style="float:left;">
				<label for="thu1">First:</label><br>
				<input id="thu1" type="text"></input><br><br>
				<label for="thu2">Second:</label><br>
				<input id="thu2" type="text"></input><br><br>
				<label for="thu3">Third:</label><br>
				<input id="thu3" type="text"></input><br><br>
				<label for="thu4">Fourth:</label><br>
				<input id="thu4" type="text"></input><br><br>
				<label for="thu5">Fifth:</label><br>
				<input id="thu5" type="text"></input><br><br>
				<label for="thu6">Sixth:</label><br>
				<input id="thu6" type="text"></input><br><br>
				<label for="thu7">Seventh:</label><br>
				<input id="thu7" type="text"></input><br><br>
				<label for="thu8">Eighth:</label><br>
				<input id="thu8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px">
				<label for="thu1o">First:</label><br>
				<input id="thu1o" type="text"></input><br><br>
				<label for="thu2o">Second:</label><br>
				<input id="thu2o" type="text"></input><br><br>
				<label for="thu3o">Third:</label><br>
				<input id="thu3o" type="text"></input><br><br>
				<label for="thu4o">Fourth:</label><br>
				<input id="thu4o" type="text"></input><br><br>
				<label for="thu5o">Fifth:</label><br>
				<input id="thu5o" type="text"></input><br><br>
				<label for="thu6o">Sixth:</label><br>
				<input id="thu6o" type="text"></input><br><br>
				<label for="thu7o">Seventh:</label><br>
				<input id="thu7o" type="text"></input><br><br>
				<label for="thu8o">Eighth:</label><br>
				<input id="thu8o" type="text"></input><br><br>			
			</div>
		</div>	

		<div id="fri">
			<div style="float:left">
				<label for="fri1">First:</label><br>
				<input id="fri1" type="text"></input><br><br>
				<label for="fri2">Second:</label><br>
				<input id="fri2" type="text"></input><br><br>
				<label for="fri3">Third:</label><br>
				<input id="fri3" type="text"></input><br><br>
				<label for="fri4">Fourth:</label><br>
				<input id="fri4" type="text"></input><br><br>
				<label for="fri5">Fifth:</label><br>
				<input id="fri5" type="text"></input><br><br>
				<label for="fri6">Sixth:</label><br>
				<input id="fri6" type="text"></input><br><br>
				<label for="fri7">Seventh:</label><br>
				<input id="fri7" type="text"></input><br><br>
				<label for="fri8">Eighth:</label><br>
				<input id="fri8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px">
				<label for="fri1o">First:</label><br>
				<input id="fri1o" type="text"></input><br><br>
				<label for="fri2o">Second:</label><br>
				<input id="fri2o" type="text"></input><br><br>
				<label for="fri3o">Third:</label><br>
				<input id="fri3o" type="text"></input><br><br>
				<label for="fri4o">Fourth:</label><br>
				<input id="fri4o" type="text"></input><br><br>
				<label for="fri5o">Fifth:</label><br>
				<input id="fri5o" type="text"></input><br><br>
				<label for="fri6o">Sixth:</label><br>
				<input id="fri6o" type="text"></input><br><br>
				<label for="fri7o">Seventh:</label><br>
				<input id="fri7o" type="text"></input><br><br>
				<label for="fri8o">Eighth:</label><br>
				<input id="fri8o" type="text"></input><br><br>			
			</div>
		</div>	

		<div id="sat">
			<div style="float:left">
				<label for="sat1">First:</label><br>
				<input id="sat1" type="text"></input><br><br>
				<label for="sat2">Second:</label><br>
				<input id="sat2" type="text"></input><br><br>
				<label for="sat3">Third:</label><br>
				<input id="sat3" type="text"></input><br><br>
				<label for="sat4">Fourth:</label><br>
				<input id="sat4" type="text"></input><br><br>
				<label for="sat5">Fifth:</label><br>
				<input id="sat5" type="text"></input><br><br>
				<label for="sat6">Sixth:</label><br>
				<input id="sat6" type="text"></input><br><br>
				<label for="sat7">Seventh:</label><br>
				<input id="sat7" type="text"></input><br><br>
				<label for="sat8">Eighth:</label><br>
				<input id="sat8" type="text"></input><br><br>
			</div>
			<div style="float:left; padding-left:10px">
				<label for="sat1o">First:</label><br>
				<input id="sat1o" type="text"></input><br><br>
				<label for="sat2o">Second:</label><br>
				<input id="sat2o" type="text"></input><br><br>
				<label for="sat3o">Third:</label><br>
				<input id="sat3o" type="text"></input><br><br>
				<label for="sat4o">Fourth:</label><br>
				<input id="sat4o" type="text"></input><br><br>
				<label for="sat5o">Fifth:</label><br>
				<input id="sat5o" type="text"></input><br><br>
				<label for="sat6o">Sixth:</label><br>
				<input id="sat6o" type="text"></input><br><br>
				<label for="sat7o">Seventh:</label><br>
				<input id="sat7o" type="text"></input><br><br>
				<label for="sat8o">Eighth:</label><br>
				<input id="sat8o" type="text"></input><br><br>				
			</div>
		</div>
	</div>
  </body>
</html>